<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片之间的留白方案</title>
		
		<style>
	/* 			
			方案一
			.left{
				border-right:5px solid #fff;
				
			} 
			
			.right{
				border-left: 5px solid transparent;
			}	
			方案二
			.left{
				margin-right: 5px;
			} 
			.right{
				margin-left:5px;
			}
	*/
			/* transparent     透明的  */
			
			.left{
				padding-right: 5px;
				border: 1px solid red;
			}
			.right{
				padding-left:5px;
				border: 1px solid red;
			}
			
			

			
	
			
		</style>
	</head>
	<body>
		<img src="./img/1.jpg" class="left"><img src="./img/2.jpg" class="right">
		
		
	</body>
</html>